new Vue({
    el:"span",
    data:{
        msg:"123"
    }
})
//数据与方法
var data = { a: 1}
var vm = new Vue({
    data:data
})
vm.a == data.a
vm.a = 2;
console.log(data.a);
//创建一个Vue实例
var obj ={
    foo:'bar'
}

Object.freeze(obj)
// Object.freeze()函数 
// 阻止修改现有属性的特性和值，并阻止添加新属性。
new Vue({
    el:'#app',
    data:obj
})
console.log(obj);//{foo:"bar"}

var data = {a: 1}
var vm = new Vue({
    el:"#example",
    data:data
})
console.log(vm.$data === data)//ture
console.log(vm.$el === document.getElementById("example"));//ture
vm.$watch('a', function (newValue,oldValue){
    
})

//实例声明周期钩子
new Vue({
    data :{
        a:1
    },
    created : function(){
        console.log('a is' + this.a)//a is 1
    }
    // created钩子可以用来在一个实例被创建之后执行代码
})

//计算书型缓存Vs方法;
// methods:{
//     reverseMessage:function(){
//         return this.message.split('').reverse().join('');
//     }
// }

